<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<script type="text/javascript" src="/BBSPro/dwr/engine.js">
</script>
<script type="text/javascript" src="/BBSPro/dwr/util.js">
</script>
<script type="text/javascript"
	src="/BBSPro/dwr/interface/userServiceImpl.js">
</script>
<script type="text/javascript" language="java" src="js/register.js">
</script>
<html>
	<head>
		<base href="<%=basePath%>">

		<title>My JSP 'register.jsp' starting page</title>

		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
		<style type="text/css">
* {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

body {
	margin: auto;
	padding: 0px;
	text-align: center;
	font-size: 13px;
	font-family: 宋体;
	background: #FFF;
}

#container {
	width: 350px;
	height: 300px;
}

#content {
	float: left;
	width: 300px;
	margin: 5px 0 0 5px;
	display: inline;
}

#content0 {
	float: left;
	width: 300px;
}

#content0-1 {
	width: 100px;
	height: 30px;
	font-size: 15px;
	font-weight: 600;
	margin: 0px 0 0 20px;
	color: #336699;
	float: left;
	text-align: left;
}

.content1 {
	float: left;
	width: 300px;
	padding: 5px 0 0 0;
	height: 25px !important;
	height: 30px;
	margin: 3px 0;
	border-bottom: dashed 1px #CCC;
	display: inline;
}

.content1-1 {
	float: left;
	width: 70px;
	color: #555;
	font-weight: 600;
	padding: 5px 0 0 0;
	height: 15px !important;
	text-align: left;
	height: 20px;
}

.content1-2 {
	float: left;
}

.content1-3 {
	float: left;
}

.content1-4 {
	float: left;
	margin: 0 0 0 15px;
	display: inline;
}
</style>
	</head>

	<body>
		<div id="container">
			<div id="content">
				<form action="registerUserAction" method="post">
					<div id="content0">
						<span id="content0-1">用户注册</span>
					</div>
					<div class="content1">
						<s:actionerror />
						<span class="content1-1">用户名：</span><span class="content1-2"><input
								name="userName" type="text" value="" style="text-align: left;"
								id="userName" onblur="findUser()" /> </span>
						<span id="userNameIsNull" style="display: none;">用户名不能为空！</span>
						<span id="userNameLength" style="display: none;">长度为6-12个字符！</span>
						<span id="userNameIsExist" style="display: none;">用户名已存在！</span>
						<span id="userNameIsNotExist" style="display: none;">恭喜，用户名可用！</span>
					</div>
					<div class="content1">
						<span class="content1-1">设置密码：</span>
						<span class="content1-2"><input name="password" type="password"
								value="" style="text-align: left;" id="password" onblur="checkPassword()" /> </span>
						<span id="passwordIsNull" style="display: none;">密码不能为空！</span>
						<span id="passwordLength" style="display: none;">长度为6-12个字符！</span>
					</div>
					<div class="content1">
						<span class="content1-1">确认密码：</span>
						<span class="content1-2"><input name="againPassword"
								type="password" value="" style="text-align: left;" id="againPassword" onblur="checkAgainPassword()" /> </span>
						<span id="passwordIsNotSame" style="display: none;">两次密码不一致！</span>
					</div>
					<div class="content1">
						<span class="content1-4"><input type="image"
								src="images/register_btn.jpg" value="提交" /> </span>
					</div>
				</form>
			</div>
		</div>
	</body>
</html>
